<template>
	<div id="demo">
		<h2>姓名：{{name}}</h2>
		<h2>地址：{{address}}</h2>
	</div>
</template>

<script>

	export default {
		name:"School",
		data(){
			return {
				name:"尚硅谷ddfsddd",
				address:"阜阳",
			}
		},
	}
</script>
<!-- 所有组件的的样式最终会汇总到一起，
		这会引发一个问题：如果组件中的样式有重名的，会导致只有一个样式起作用；
 -->
<style>
	#demo{
		background-color: blue
	}
</style>